$(document).ready(function(){        
    /**********************************************************************************
     *Creamos el menú en árbol y cargamos el contenido de la primera página
     *********************************************************************************/    
    $(".filetree").treeview({animated: "fast"});
    $('#contenido').hide('fast');                             
    $("#contenido").load($(".filetree a").attr("rel"),function(){                    
        $('#contenido').show('fast');
    });
        
    

                       
                       
    /**********************************************************************************
     *Se carga la página a la que se pincha del menú en árbol
     *********************************************************************************/
    $(".filetree a").click(function(e){
        var url = $(this).attr("rel");  
        $('#contenido').hide('fast');
        $('#contenido').load(url,function (){
            $('#contenido').show('fast');
        });                
        
        e.preventDefault();
    }); 
    
    /**********************************************************************************
     *Capturamos los click y los submit cargados (on) que no hayan sido capturados por 
     *un script propio de la página (con retun false; vase ejemplo pantallaInterior.php)
     **********************************************************************************/
    $("#contenido").on("click","a",function(event){
            $("#contenido").load($(this).attr("href"));        
        event.preventDefault();                
    });
    $("#contenido").on("submit","form",function(e){                
        $.ajax({ 
            data: $(this).serialize(), 
            type: $(this).attr('method'), 
            url: $(this).attr('action'), 
            success: function(response) {
                $("#contenido").html(response); 
            }        
        });
        e.preventDefault();        

    });
    /**********************************************************************************
     *Mostramos imagen cargando cuando se active ajax
     **********************************************************************************/
    $('.cargando').ajaxStart(function(){
                $(this).css("visibility", "visible");
            }).ajaxStop(function(){
                $(this).css("visibility", "hidden");
            });
    
    /***********************************************************************************/
});